<template>
    <tarbar id="not">
      <tarbaritem v-for="i in clas" :path="i.path">
        <span slot="img" :class="[fu, i.icon]"></span>
        <span slot="img-active" :class="[fu, i.icon1]"></span>
        <div slot="text">{{i.name}}</div>
      </tarbaritem>
    </tarbar> 
</template>

<script>
import tarbar from "components/common/tabbar/tab-bar";
import tarbaritem from "components/common/tabbar/tar-bar-item";
export default {
     data(){
    return {
      fu:'iconfont',
      clas:[
        {
          icon: 'icon-shouye',
          icon1 : 'icon-shouye1',
          name: '首页',
           path: '/home'
        },
        {
          icon: 'icon-fenleiorguangchangorqita',
          icon1: 'icon-fenleiorguangchangorqitatianchong',
          name: '分类',
          path: '/classify'
        },
        {
          icon: 'icon-gouwuche',
          icon1: 'icon-gouwuchefill',
          name: '购物车',
          path: '/shopping'
        },
        {
          icon: 'icon-wode',
          icon1: 'icon-wodexiao',
          name: '我的',
          path: '/my'
        },
      ]
    }
  },
  components: {
    tarbar,
    tarbaritem,
  },
}
</script>

<style scoped>
@import "~assets/iconfont/iconfont.css";
</style>